<div class="col-xs-8 col-md-6">
<table class="table  table-hover">


    <tbody ng-repeat='account in accounts'>
    <tr ng-if='account != activeAccount'>
        <td class="accountName">
            <span class="glyphicon glyphicon-star-empty"> </span>
            {{account.name}}
        </td>
        <td class="accountValue">
            {{account.value}} {{account.currency}}
        </td>
        <td>
            <a   href='' ng-click='edit(account)'>
                <span class="glyphicon glyphicon-edit btn-default"></span>
            </a>
            <a   href='' ng-click='delete(account.id)'>
                <span class="glyphicon glyphicon-remove-circle btn-danger"></span>
            </a>
        </td>
    </tr>
    <tr ng-if='account == activeAccount'  >

        <td><input class='form-control' ng-model='account.name' type='text'></td>
        <td><input class='form-control' ng-model='account.value' type='text'></td>
        <td>{{account.currency}}</td>
        <td>
            <a  href='' ng-click='add(account)'>
                <span class="glyphicon glyphicon-ok btn-success"></span>
            </a>
        </td>
    </tr>
    </tbody>
    <tbody>
    </tr>
    <tr>
        <td> <input class="form-control" ng-model='newAccount.name' type='text'></td>
        <td> <input class="form-control" ng-model='newAccount.value'  type='number'></td>
        <td>
            <select ng-model="newAccount.currency" >
                <option value="eur">eur</option>
                <option value="usd">usd</option>
                <option value="rub">rub</option>
                <option value="nis">nis</option>
            </select>
        </td>
        <td>
            <a href="" ng-click='add(newAccount)'>
                <span class="glyphicon glyphicon-plus btn-success"></span>
            </a>
        </td>
    </tr>
    </tbody>
</table>
</div>